<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='rtl' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/2003268377-widget_css_bundle_rtl.css' />
<link type="text/css" rel="stylesheet" href="//www.blogger.com/dyn-css/authorization.css?targetBlogID=1382759338529056827&zx=1c0118a5-dd87-494a-93a4-a3e71411ebe0"/>
<style id='page-skin-1' type='text/css'><!--
#blog-pager , .blog-feeds {
display: none !important;
}

--></style>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",k="?m=1";function l(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+k;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var m=l();m&&window.location.replace(m)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<body>
<div id='main-wrapper'>
<div class='main section' id='main'><div class='widget Blog' id='Blog2'>
<div class='blog-posts hfeed'>
<!-- google_ad_section_start(name=default) -->

          <div class="date-outer">
        

          <div class="date-posts">
        
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta content='1382759338529056827' itemprop='blogId'/>
<meta content='5976972493323834595' itemprop='postId'/>
<a name='5976972493323834595'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-5976972493323834595' itemprop='description articleBody'>
<div dir="rtl" style="text-align: right;" trbidi="on">
<script type='text/javascript'>
// HTML2ENTITIES
function html2entities(){
 var re=/[()<>"&]/g
 for (i=0; i<arguments.length; i++)
 arguments[i].value=arguments[i].value.replace(re, function(m){return replacechar(m)})
}
function replacechar(match){
 if (match=="<") return "&lt;"
 else if (match==">") return "&gt;"
 else if (match=="\"") return "&quot;"
 else if (match==")") return ")"
 else if (match=="(") return "("
 else if (match=="&") return "&amp;"
}
</script>

<style>
h1 { border-bottom: 1px solid orange; color: gray;}
#HTMLDIV {direction: rtl; margin: 0 auto; width: 450px;}
form {margin: 0 auto;  width: 450px;}
textarea {box-shadow: 0 0 2px silver; color: gray; direction: ltr; height: 200px; width: 450px;}
p { color: gray;  font: 9pt tahoma; }

 .btn {
 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 box-shadow:inset 0px 1px 0px 0px #ffffff;
 background-color:#ededed;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 border:1px solid #dcdcdc;
 display:inline-block;
 color:#777777;
 font-family:arial;
 font-size:15px;
 font-weight:bold;
 padding:6px 24px;
 text-decoration:none;
 text-shadow:1px 1px 0px #ffffff;}

.btnhov {
 background-color:#dfdfdf;
}
</style>
<div id="HTMLDIV">
<h1>استبدال رموز HTML بما يوافقها</h1>
<td>HaSSaN EL BaGhDaDI</td>
                             

<p><span lang="ar-sa">لتعرض الكود مكتوبا&#1611; كما هو داخل موقعك&#1548; يجب استبدال رموز
</span>HTML<span lang="ar-sa"> الخاصة مثل ( </span><span lang="en-us">&gt;</span><span lang="ar-sa"> )&nbsp; بـ ( &amp;lt; ) &#1548; وبهذا سيتم 
عرضه كما هو في المتصفحات</span></p>


<form id='html2entities' action="">
<p><textarea name="data1"  cols="" rows=""></textarea></p>
<p>
<input  onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'" class="btn" onclick="html2entities(this.form.data1)" value="ترميز" type="button" />
<input onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'" class="btn" name="Clear" value="مسح" type="reset" />
</p>
</form>
</div>
            

</div>
<div style='clear: both;'></div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<div id='backlinks-container'>
<div id='Blog2_backlinks-container'>
</div>
</div>
</div>
</div>

        </div></div>
      
<!-- google_ad_section_end -->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://blogger-forms.blogspot.com/2013/01/bbcode.html' id='Blog2_blog-pager-newer-link' title='رسالة أحدث'>رسالة أحدث</a>
</span>
<a class='home-link' href='http://blogger-forms.blogspot.com/'>الصفحة الرئيسية</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
</div>
<script type="text/javascript">window.___gcfg = {'lang': 'ar'};</script>
</div></div>
</div>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="//www.blogger.com/static/v1/widgets/2306148166-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1382759338529056827';BLOG_attachCsiOnload('item_'); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1382759338529056827','//blogger-forms.blogspot.com/2013/01/blog-post.html','1382759338529056827');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1382759338529056827', 'bloggerUrl': 'http://www.blogger.com', 'title': 'نماذج', 'pageType': 'item', 'url': 'http://blogger-forms.blogspot.com/2013/01/blog-post.html', 'canonicalUrl': 'http://blogger-forms.blogspot.com/2013/01/blog-post.html', 'canonicalHomepageUrl': 'http://blogger-forms.blogspot.com/', 'homepageUrl': 'http://blogger-forms.blogspot.com/', 'blogspotFaviconUrl': 'http://blogger-forms.blogspot.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': 'ترميز كود HTML', 'pageTitle': 'نماذج: ترميز كود HTML', 'encoding': 'UTF-8', 'locale': 'ar', 'localeUnderscoreDelimited': 'ar', 'isPrivate': true, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'rtl', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42نماذج - Atom\42 href\75\42http://blogger-forms.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42نماذج - RSS\42 href\75\42http://blogger-forms.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42نماذج - Atom\42 href\75\42http://www.blogger.com/feeds/1382759338529056827/posts/default\42 /\76\n\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42نماذج - Atom\42 href\75\42http://blogger-forms.blogspot.com/feeds/5976972493323834595/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'imageSrcTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,e\75\42jstiming\42,g\75\42tick\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){c\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[c,d]};this[g](\42start\42,null,a)}var a\75new d;b.jstiming\75{Timer:d,load:a};if(b.performance\46\46b.performance.timing){var a\75b.performance.timing,c\75b[e].load,f\75a.navigationStart,a\75a.responseStart;0\74f\46\46a\76\75f\46\46(c[g](\42_wtsrt\42,void 0,f),c[g](\42wtsrt_\42,\42_wtsrt\42,a),c[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,b.chrome\46\46b.chrome.csi\46\46(a\75Math.floor(b.chrome.csi().pageT),c\46\0460\74f\46\46(c[g](\42_tbnd\42,void 0,b.chrome.csi().startE),\nc[g](\42tbnd_\42,\42_tbnd\42,f))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,c\46\0460\74f\46\46(c[g](\42_tbnd\42,void 0,b.external.startE),c[g](\42tbnd_\42,\42_tbnd\42,f))),a\46\46(b[e].pt\75a)}catch(l){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[e].load[g](\42aft\42)};var h\75!1;function k(){h||(h\75!0,b[e].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,k,!1):b.attachEvent(\42onscroll\42,k);\n })();\74/script\076', 'mobileHeadScript': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/15de8d1bfc9ff1d1', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sf': 'n', 'tf': ''}}, {'name': 'skin', 'data': {'vars': {}, 'override': '\n#blog-pager , .blog-feeds {\n    display: none !important;\n}\n'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog2', 'main', null, document.getElementById('Blog2'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'null', null, document.getElementById('PageList1'), {'title': 'الصفحات', 'links': [{'href': 'http://blogger-forms.blogspot.com/', 'title': 'الصفحة الرئيسية', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));
</script>
</body>
</html>